<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<style type="text/css">
*{
	font-size: 24px;
	line-height: 1.5;}
</style>
<!--<script type="text/javascript" src="demo.js"></script>-->
<!--<script type="text/javascript" src="demojson.js"></script>-->
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<!--<script type="text/javascript" src="demojson.js"></script>-->
<script type="text/javascript" src="demojsonp.js"></script>
</head>

<body>
<h1>search</h1>
<label>please input number: </label>
<input type="text" id="keyword"/>
<button id="search" onClick="btnSearch_Click()">search</button>
<br/>
<p id="searchResult"></p>

<h1>create</h1>
<lable>please input name: </lable>
<input type="text" id="name"/>
<br/>
<lable>please input number: </lable>
<input type="text" id="number"/>
<br/>
<lable>please select sex: </lable>
<select id="sex">
	<option>boy</option>
    <option>girl</option>
</select>
<br/>
<lable>please input job: </label>
<input type="text" id="job"/>
<br/>
<button id="create" onClick="btnCreate_Click()">create</button>
<br/>
<p id="createResult"></p>
</body>
</html>
